<!--
 * @Description: 攻略
 -->
<template>
  <div class="layout-min-full-height overflow-hidden special-content pb-8">
    <div class="container">
      <div class="row">
        <div class="col-sm-12 col-xxl-10 offset-xxl-1">
          <header class="text-center py-8">
            <h1 class="fw-600 fs-60">
              Best Tools for
              <span class="text-primary hover-text-underline cursor el-popover__reference"
                    aria-describedby="el-popover-579" tabindex="0">Adobe 2021
                <i class="icon-chevron-down"></i>
              </span>
            </h1>
            <span>
            <div role="tooltip" id="el-popover-579" aria-hidden="true" class="el-popover el-popper"
                 tabindex="0" style="width: 300px; display: none;">
              <div>
                <a href="/special/gif"
                   class="px-5 py-3 fs-26 d-block">Gif动画制作</a><a
                href="/special/adobe" aria-current="page"
                class="px-5 py-3 fs-26 d-block active  text-primary">Adobe 2022</a>
                <a href="/special/photo"
                   class="px-5 py-3 fs-26 d-block">图像处理</a><a
                href="/special/pm" class="px-5 py-3 fs-26 d-block">产品经理</a>
                <a href="/special/mindmap"
                   class="px-5 py-3 fs-26 d-block">思维导图</a><a
                href="/special/manage" class="px-5 py-3 fs-26 d-block">项目管理</a>
                <a href="/special/prototype"
                   class="px-5 py-3 fs-26 d-block">原型设计</a><a
                href="/special/novice" class="px-5 py-3 fs-26 d-block">新人必备</a>
              </div>
            </div>
              <span
                class="el-popover__reference-wrapper"></span></span>
            <h5 class="text-muted">
              在这里，您可以找到面向Adobe 2022 系列全套破解版的最佳应用工具。<br>
              如果您认为我们有所遗漏，请在
              <a href="/feedback" class="mx-1 text-primary" target="_blank">意见建议</a>处提交给我们，谢谢。
            </h5>
          </header>
          <div class="clearfix special-box-list" style="margin-top: 20px">
            <div class="w-r" style="margin-left: -15px; margin-right: -15px;">
              <div class="list-animation-leftIn w-c w-c-6 delay-0"
                   style="padding-left: 15px; padding-right: 15px; padding-bottom: 30px;">
                <a href="/soft/adobe-prelude"
                   target="_blank"
                   class="macwk-app white border cursor-pointer mb-0 macwk-box__animation delay-0">
                  <span class="snow-dot"></span>
                  <span class="snow-dot"></span>
                  <span class="snow-dot"></span>
                  <span class="snow-dot"></span>
                  <span class="snow-dot"></span>
                  <span class="snow-dot"></span>
                  <span class="snow-dot"></span>
                  <div class="macwk-app__header--icon delay-0">
                    <div class="macwk-app__header--icon--content"></div>
                    <img class="delay-0"
                         data-src="https://static.konlonair.com/public/uploads/_/originals/adobe-prelude.png"
                         src="https://static.konlonair.com/public/uploads/_/originals/adobe-prelude.png" lazy="loaded">
                    <div class="flex-grow-1 text-right fs-14"></div>
                  </div>
                  <div class="macwk-app__body pt-6 pb-7">
                    <h4 class="macwk-app__body--title"
                        style="display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; word-break: break-all; text-overflow: ellipsis; -webkit-line-clamp: 1;">
                      <span class="fw-600">Adobe Prelude</span>
                    </h4>
                    <p class="macwk-app__body--info"
                       style="display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; word-break: break-all; text-overflow: ellipsis; -webkit-line-clamp: 1;">
                      <span>2021 10.1</span>
                    </p>
                    <p class="text-muted text-truncate mb-0">
                      元数据采集记录粗剪工具
                    </p></div>
                  <div class="macwk-app__extend">
                    <div class="macwk-app__extend--download"><i class="el-icon-lollipop"></i><span>99</span></div>
                    <div class="macwk-app__extend--comment"><i class="el-icon-chat-round"></i><span>4</span></div>
                    <div class="macwk-app__extend--update"><i class="el-icon-time"></i><span>01-21</span></div>
                  </div>
                </a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      glPid: "", // 攻略pid
      glDetails: "", // 攻略详细信息
    };
  },
  // 通过路由获取攻略id
  activated() {
    if (this.$route.query.glPid != undefined) {
      this.glPid = this.$route.query.glPid;
      console.log(
        "判断activated",
        "this.productID:",
        this.glPid,
        "this.$route.query.productID:",
        this.$route.query.glPid
      );
    }
  },
  mounted() {

  },
  methods: {},
};
</script>
<style scoped>
@import "../../assets/css/zt.css";
</style>
